/** @type {import('tailwindcss').Config} */
module.exports = {
  // content: ['./src/**/*.{html,js}'],
  content: ['./index.html', './src/**/*.{html,js,ts,jsx,tsx,vue}'],
  theme: {
    colors: {
      'white': 'var(--color-white, #ffffff)',
      'black': 'var(--color-black, #000000)',
      'main': 'var(--color-main, #333333)',
      'content': 'var(--color-content, #666666)',
      'muted': 'var(--color-muted, #999999)',
      'page': 'var(--color-bg, #f6f6f6)',
      'light': 'var(--color-light, #e5e5e5)',
      'disabled': 'var(--color-disabled, #c8c9cc)',
      'minor': 'var(--color-minor, #FFB814)',
      'btn-text': 'var(--color-btn-text, white)',
      'primary': {
        'DEFAULT': 'var(--color-primary)',
        'light-3': 'var(--color-primary-light-3, rgb(255, 217, 130))',
        'light-5': 'var(--color-primary-light-5, rgb(255, 228, 166))',
        'light-7': 'var(--color-primary-light-7, rgb(255, 239, 202))',
        'light-9': 'var(--color-primary-light-9, rgb(255, 250, 237))',
        'dark-2': 'var(--color-primary-dark-2, rgb(204, 161, 62))',
      },
      'success': {
        'DEFAULT': 'var(--color-success, #19be6b)',
        'light-3': 'var(--color-success-light-3, rgb(94, 210, 151))',
        'light-5': 'var(--color-success-light-5, rgb(140, 223, 181))',
        'light-7': 'var(--color-success-light-7, rgb(186, 236, 211))',
        'light-9': 'var(--color-success-light-9, rgb(232, 249, 240))',
        'dark-2': 'var(--color-success-dark-2, rgb(20, 152, 86))',
      },
      'warning': {
        'DEFAULT': 'var(--color-warning, #ff9900)',
        'light-3': 'var(--color-warning-light-3, rgb(255, 184, 77))',
        'light-5': 'var(--color-warning-light-5, rgb(255, 204, 128))',
        'light-7': 'var(--color-warning-light-7, rgb(255, 224, 179))',
        'light-9': 'var(--color-warning-light-9, rgb(255, 245, 230))',
        'dark-2': 'var(--color-warning-dark-2, rgb(204, 122, 0))',
      },
      'error': {
        'DEFAULT': 'var(--color-error, #ff2c3c)',
        'light-3': 'var(--color-error-light-3, rgb(255, 107, 119))',
        'light-5': 'var(--color-error-light-5, rgb(255, 150, 158))',
        'light-7': 'var(--color-error-light-7, rgb(255, 192, 197))',
        'light-9': 'var(--color-error-light-9, rgb(255, 234, 236))',
        'dark-2': 'var(--color-error-dark-2, rgb(204, 35, 48))',
      },
      'info': {
        'DEFAULT': 'var(--color-info, #909399)',
        'light-3': 'var(--color-info-light-3, rgb(177, 179, 184))',
        'light-5': 'var(--color-info-light-5, rgb(200, 201, 204))',
        'light-7': 'var(--color-info-light-7, rgb(222, 223, 224))',
        'light-9': 'var(--color-info-light-9, rgb(244, 244, 245))',
        'dark-2': 'var(--color-info-dark-2, rgb(115, 118, 122))',
      },
    },
    fontSize: {
      'xs': '24rpx',
      'sm': '26rpx',
      'base': '28rpx',
      'lg': '30rpx',
      'xl': '32rpx',
      '2xl': '34rpx',
      '3xl': '38rpx',
      '4xl': '40rpx',
      '5xl': '44rpx',
    },
    fontFamily: {
      sans: ['Source Han Sans CN', 'Helvetica Neue', 'Arial', 'sans-serif'],
    },
  },
  plugins: [],
};
